<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">
    <h2>小编推荐</h2>
    <h3>怦然心动 Flipped (2010)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/怦然心动1.jpg" alt="joker" height="300px"> </div>
    <p>导演: 罗伯·莱纳 编剧: 罗伯·莱纳 / 安德鲁·沙因曼 </p>
    <p>布莱斯（卡兰•麦克奥利菲 Callan McAuliffe 饰）全家搬到小镇，邻家女孩朱丽（玛德琳•卡罗尔 Madeline Carroll
      饰）前来帮忙。她对他一见钟情，心愿是获得他的吻。两人是同班同学，她一直想方设法接近他，但是他避之不及。她喜欢爬在高高的梧桐树上看风景。但因为施工，树被要被砍掉，她誓死捍卫，希望他并肩作战，但是他退缩了。她的事迹上了报纸，外公对她颇有好感，令他十分困惑。她凭借鸡下蛋的项目获得了科技展第一名，成了全场焦点，令他黯然失色。她把自家鸡蛋送给他，他听家人怀疑她家鸡蛋不卫生，便偷偷把鸡蛋丢掉。她得知真相，很伤心，两人关系跌入冰点。她跟家人诉说，引发争吵。原来父亲一直攒钱照顾傻弟弟，所以生活拮据。她理解了父母，自己动手，还得到了他外公的鼎力相助。他向她道歉，但是并未解决问题。他开始关注她。鸡蛋风波未平，家庭晚宴与午餐男孩评选.
    </p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
    
    <div class="fakeimg" >
      <div class="responsive">
        <div class="img" *ngFor="let item of jiazailist">

          <img [src]="main+item.pic">

          <div class="desc">{{item.movie}}</div>
        </div>
      </div>
    </div>
    <br>
    <div class="jiazai">
      <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
    </div>
    
  </div>

  </div>